<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
	<head>
		<title>1xLD - Lo de mien bac</title>
		<link href="css/style.css" type="text/css" rel="stylesheet" />
		<script href="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$('.tabarea li a.tab').click(function(){
					$('.active').removeClass('active');
					$('.tab').addClass('active');
					$('.lode-area').hide();
					var lode = $(this).attr('title');
					$('.'+lode).show();
					
					return false;
				});
				
			});
		</script>
	</head>
	<body>
	
		<div id="wrapper">
			<div id="header">
				<h1 id="logo"><a href="#">1xLD - Lo de mien bac</a></h1>
				
				<ul class="nav">
					<li><a href="#">Lo de</a></li>
					<li><a href="#">Ket qua</a></li>
				</ul>
				
				<div id="login-form">
					<div class="login-area">
						<p>Username: </p>
						<input type="text" name="txtLogin" placeholder="Your username" class="login-text" />
					</div>
					<div class="login-area">
						<p>Password: </p>
						<input type="text" name="txtLogin" placeholder="Your Password" class="login-text" />
					</div>
					
					<div class="login-area">
						<p></p>
						<input type="submit" name="txtLogin" value="Login" placeholder="Your username" class="login-submit" />
					</div>
					<a href="#" class="creat-acc">Tạo mới tài khoản</a>
				</div><!-- #login-form -->
			</div><!-- #header -->
			
			<div id="container">
				<div id="sidebar">
						
						<div class="block profile">
							<div class="user">
								<a href="#">
									<img src="images/img.jpg" alt="avatar of mrthuy" />
									Luu duc thuy
								</a>
							</div>
							
							<div class="block-content">
								<h4>Thong tin ca nhan</h4>
								<p>So tien hien co: <span>$ 10</span></p>
								<p><a href="#">Luoc su lo de</a></p>
							</div>
							
						</div><!-- .block -->
						
						<div class="block-content">
							<h4>Ho tro thanh toan</h4>
							<div class="list-payment">
								<a href="#"><img src="images/payment.jpg" /></a>
							</div>
						</div>
				
				</div><!-- #sidebar -->
				
				<div id="primary">
                	<div id="register">
						<h2>Đăng ký tài khoản</h2>
                         <table>
                         	<tr>
                            	<td colspan="2">Thông tin đăng nhập</td>
                            </tr>
                            <tr>
                            	<td>Tên đăng nhập: </td>
                                <td><input type="text" placeholder="Tên đăng nhập"  /></td>
                            </tr>
                            <tr>
                            	<td>Mật khẩu: </td>
                                <td><input type="password" placeholder="Mật khẩu đăng nhập"  /></td>
                            </tr>
                            <tr>
                            	<td>Xác nhận mật khẩu: </td>
                                <td><input type="password" placeholder="Xác nhận mật khẩu"  /></td>
                            </tr>
                            
                            <tr>
                            	<td colspan="2">Thông tin cá nhân</td>
                            </tr>
                            <tr>
                            	<td>Họ và tên: </td>
                                <td><input type="text" placeholder="Họ tên thật"  /></td>
                            </tr>
                            <tr>
                            	<td>Email: </td>
                                <td><input type="email" placeholder="Địa chỉ email"  /></td>
                            </tr>
                            <tr>
                            	<td>Xác nhận email: </td>
                                <td><input type="email" placeholder="Xác nhận email"  /></td>
                            </tr>
                            <tr>
                            	<td>Điện thoại: </td>
                                <td><input type="text" placeholder="Số điện thoại cá nhân"  /></td>
                            </tr>
                            
                            <tr>
                            	<td>Ngày sinh: </td>
                                <td><input type="text" placeholder="Chọn ngày tháng sinh"  /></td>
                            </tr>
                            <tr>
                            	<td colspan="2">
                                	<p class="errorMessage">
                                    	Bạn nên khai đúng để tiện liên hệ, xử lý giải quyết các vấn đề bảo mật cá nhân và tranh chấp về sau Toàn bộ thông tin của bạn sẽ được lưu giữ 1 cách cẩn thận và tuyệt mật. 
                                    </p>
                                </td>
                            </tr>
                            
                            <tr>
                            	<td colspan="2">
                                	<h2>Mã giới thiệu</h2>
                                </td>
                            </tr>
                            
                            <tr>
                            	<td>Mã người giới thiệu: </td>
                                <td><input type="text" placeholder="Nhập mã người giới thiệu"  />
                                	<p class="errorMessage">
                                    	Nếu bạn có mã giới thiệu. Hãy nhập vào để được hưởng CHIẾT KHẤU % khi chơi Lô Đề
                                    </p>
                                </td>
                            </tr>
                            
                            <tr>
                            	<td></td>
                                <td><input type="submit" class="reg_btn" value="Đăng ký" />
                            </tr>
                         </table>
                    </div>
				</div><!-- #primry-->
				
			</div><!-- #container -->
			<div id="footer">
            		<p class="copy">1xLD.com &copy; 2012</p>
                    <ul>
                    	<li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Tầm nhìn chiến lược</a></li>
                        <li><a href="#">Phương thức thanh toán</a></li>
                        <li><a href="#">Liên hệ</a></li>
                    </ul>
            </div>
			
		</div><!-- #wrapper -->
		
	</body>
</html>
